<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>EDRS</title>
		<link rel="stylesheet" href="../bgAll/css/common.css" type="text/css" />
		<link rel="stylesheet" href="./css/EDAS.css" type="text/css" />

		<link rel="stylesheet" href="../bgAll/css/fakeLoader.css" type="text/css" />
		<style type="text/css">
		

		</style>

	</head>

	<body class="wrap">

		<div class="fakeloader"></div>

		<div class="mod-star-list">
			<div class="inner"></div>
		</div>
		<!-- header Start -->
		<div id="header" class="mt12 clearfix" style="margin-left:10px">
			<div class="header-left">
				<a href="../DRDS/index.html" class="clearfix">
					<div class="bg-next rotate5 btn"></div>
					<p>浏览下一个产品</p>
				</a>
			</div>
			<div class="header-right" style="width: 300px;">
				<div class="header-open">企业级分布式应用服务<span style="color:#90b8f1;">EDAS</span>
					<p>
						Enterprise Distributed Application Service</p>
				</div>
			</div>
		</div>
		<!-- header End -->
		<div class="content" style="height: 100%;width: 100%;">
			<!-- 正文开始  -->
			<div class="col75 toCenter" style="height: 100%;padding: 50px 0px;">
				<div style="margin: 0 35%;width: 650px;position:relative;top: 20px;">
					<canvas id="db0" style="left: calc(50% - 30px);top: 107px;"></canvas>
					<canvas id="db1" style="left: calc(50% - 25px);top: 117px;"></canvas>
					<canvas id="db3" style="left: 115px;top: 107px;"></canvas>
					<canvas id="db4" style="left: 120px;top: 117px;"></canvas>
				</div>
				<section>
					<div class="edasLineDiv">
						<div>
							<div class="iconborder">
								<div class="iconRando rotate5"></div>
								<img class="iconRando-heart" src="img/fuzaijunheng_2.png" />
							</div>
							<span>负载均衡</span>
						</div>
						<div>
							<div class="iconborder">
								<div class="iconRando rotate5"></div>
								<img class="iconRando-heart" src="img/yunanquan.png" />
							</div>
							<span>云安全</span>
						</div>
						<div>
							<div class="iconborder">
								<div class="iconRando rotate5"></div>
								<img class="iconRando-heart" src="img/CDN_2.png" />
							</div>
							<span>CDN</span>
						</div>
					</div>
				</section>
				<section id="mainSection" style="width:800px;height:320px;margin-left: calc(35% - 75px);margin-top: -40px;">
					<div class="mainHeader"><h1>企业级分布式应用服务</h1></div>
					<div class="edasLineDiv edas-line-iv-middle">
						<img class="edasLineImg shineAction" src="img/zhongjiankuang.png" />
						<div>
							<img class="" src="img/gaoxingneng_2.png" />
							<span>高性能服务架构</span>
						</div>
						<div>
							<img class="iconRando-heart" src="img/shujuhua_2.png" />
							<span>数据化运营</span>
						</div>
						<div>
							<img class="iconRando-heart" src="img/zhongjianjian_2.png" />
							<span>中间件PaaS</span>
						</div>
						<div>
							<img class="iconRando-heart" src="img/fuwuzhili_2.png" />
							<span>服务治理与运维</span>
						</div>
					</div>
				</section>
				<section>
					<div class="edasLineDiv">
						<div>
							<div class="iconborder">
								<div class="iconRando rotate5"></div>
								<img class="iconRando-heart" src="img/yunfuwuqi_2.png" />
							</div>
							<span>云服务器</span>
						</div>
						<div>
							<div class="iconborder">
								<div class="iconRando rotate5"></div>
								<img class="iconRando-heart" src="img/yunshujuku_2.png" />
							</div>
							<span>云数据库</span>
						</div>
						<div>
							<div class="iconborder">
								<div class="iconRando rotate5"></div>
								<img class="iconRando-heart" src="img/yuncunchu_2.png" />
							</div>
							<span>云存储</span>
						</div>
					</div>
				</section>
				<div style="margin: 0 35%;width: 650px;position:relative;left: 0;top:-84px;">
					<canvas id="app0" style="left: calc(50% - 49px);top: 25px;"></canvas>
					<canvas id="app1" style="left: calc(50% - 4px);"></canvas>
					<canvas id="app3" style="left: 97px;top: 25px;"></canvas>
					<canvas id="app4" style="left: 142px;"></canvas>
					</aside>
				</div>

			</div>
			<!-- 正文结束  -->

		</div>
		<footer class="clearfix">
			<div class="footer-left fl">
				<a href="../index.html?goods=goods1" class="back shineAction"></a>
				<div class="backText">返回主菜单</div>
			</div>
			<div class="footer-right fr">
				<a href="" class="refresh shineAction"></a>
				<div class="refreshText">刷新&nbsp;</div>
			</div>
		</footer>
	</body>
	<script type="text/javascript" src='../bgAll/js/jquery-1.11.1.min.js'></script>
	<script src="../bgAll/js/fakeLoader.min.js"></script>
	<script type="text/javascript" src='./js/common.js'></script>

	<script type="text/javascript" src='../bgAll/js/waypoints.js'></script>
	<script type="text/javascript" src='../bgAll/js/star.js'></script>
	<script type="text/javascript" src='js/index.js'></script>
	<script type="text/javascript" src='js/echarts.min-all.js'></script>
	<!-- <script type="text/javascript" src="js/china.js"></script> -->
	<script type="text/javascript">
		$(function(){
			var $mainSection = $('#mainSection');
			$mainSection.on('click',function(){
				window.location.href = 'EDASbox.html';
			}).hover(function() {
				$(this).addClass('onhover');
			}, function() {
				$(this).romoveClass('onhover');
			});
			setTimeout(function() {
				setTimeout(function() {
					window.location.href = 'EDASbox.html';
				}, 2000)
				$mainSection.addClass('onhover')

			}, 13000);

		});
	</script>

</html>